<!--
Day la template form search
-->
<script>
	$(document).ready(function(){
		$('input#tieu_de').keyup(function(){
		
			$.ajax({
			url:"ajax.php",
			type:"post",
			data:"request=live_search&do=search_goi_y_ket_qua&tieu_de="+$(this).val(),
			beforeSend:function(){$('div#live_search').slideDown("slow").html('......Loading.......');},
			success:function(ketqua){$('div#live_search').html(ketqua);}
			});
			
			$.ajax({
			url:"ajax.php",
			type:"post",
			data:"request=live_search&do=search_goi_y_chuyen_muc&tieu_de="+$(this).val(),
			success:function(ketqua){$('div#goi_y_chuyen_muc').html('Mục liên quan:'+ketqua);}
			});
			
		});
		
		$('input#tieu_de').focusout(function(){
			$('div#live_search').fadeOut("fast");
		});
		
		$('option').click(function(){
			$('#goi_y_chuyen_muc').fadeOut();
		});
		
	});
</script>

<meta charset="utf-8" />
<form action="" method="post" />
<input type="text" name="tieu_de" id="tieu_de" placeholder="Nhập từ khóa để nhận được gợi ý" autocomplete="off" style="width:250px"/>

	{1}

<select name="khoanggia" id="khoanggia">
	<option value="">Tất cả giá</option>
	<option value="0--20000">Nhỏ hơn 20k</option>
	<option value="20000--50000">Từ 20-50k</option>
	<option value="50000--100000">Từ 50-100k</option>
	<option value="100000--">Lớn hơn 100k</option>
</select>

<select name="noi_rao" id="noi_rao">
	<option value="">Chọn nơi rao</option>
	<option value="10">Vùng 10</option>
</select>

<select name="datepost" id="datepost">
	<option value="">Chọn thời gian</option>
	<option value="3">Từ 3 ngày trước</option>
	<option value="5">Từ 5 ngày trước</option>
	<option value="7">Từ 7 ngày trước</option>
	<option value="15">Từ 15 ngày trước</option>
	<option value="30">Từ tháng trước</option>
	<option value="90">Từ 3 tháng trước</option>
	<option value="180">Từ nửa năm trước</option>
	<option value="365">Từ năm ngoái</option>
</select>

<input type="submit" name="submit" value="Tìm kiếm" />
<div id="live_search" class="live_search" 
style="
display:none;
width:250px;
max-height:250px;
overflow-y:scroll;
position:relative;
z-index:10;
border-radius:5px;
padding-left:5px;
background-color:rgba(100,100,100,0.5);">
</div>
<div id="goi_y_chuyen_muc" class="goi_y_chuyen_muc" style="display:none"></div>


</form>